<p>&lt;!DOCTYPE html&gt;</p>
<html>
<head><meta name="generator" content="Hexo 3.9.0">
<meta charset="UTF-8">
<title>一些收藏的网站</title>
<style>
@charset "utf-8";
html{
    color: #fff;
    background-color:#fff ;
}
*{padding:0;margin:0;font-family:"微软雅黑";box-sizing:border-box;outline:none;color:inherit;font-size:inherit;font-weight:normal}
:after,:before{box-sizing:inherit}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.overflow-hide{overflow:hidden}
.col-sm-3{width:25%;float:left;position:relative}
.pavilion-container{padding-bottom:50px;background-color:#fff ;background-size:cover;background-repeat:no-repeat;background-position:center;min-height:720px}
.layer-title{padding:50px 0 30px;text-align:center;font-size:30px;color:#fff;letter-spacing:1.09px}
/*tab分类*/
.pavilion-container .pavilion-inner{max-width:1200px;margin:0 auto}
.pavilion-container .pavilion-inner .tabs{padding:0 10px}
.pavilion-container .pavilion-inner .tabs li{float:left;padding:0 21px;border:1px solid #c9a467;border-radius:2px;line-height:36px;font-size:16px;color:black;letter-spacing:.35px}
.pavilion-container .pavilion-inner .tabs li{margin-left:21.2667px;cursor:pointer}
.pavilion-container .pavilion-inner .tabs li:first-child{margin-left:0}
.pavilion-container .pavilion-inner .tabs li.on{background:#c9a467;color:#1c1f36}
.pavilion-container .pavilion-inner .tabs li .hot-icon{width:18px;height:24px;background:url(../images/marketplace-selected-fire-leave.svg);margin-right:10px;background-repeat:no-repeat}
.pavilion-container .pavilion-inner .tabs li.on .hot-icon{background:url(../images/marketplace-selected-fire.svg)}
.pavilion-container .pavilion-inner .tabs li>span{display:inline-block;vertical-align:middle}
/*tab内容*/
.pavilion-container .tab-content-wrap{position:relative;margin-top:20px;height:420px}
.pavilion-container .tab-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%}
.pavilion-container .tab-content.show{height:auto;opacity:1;top:0;z-index:1}
.pavilion-container .tab-content .col-sm-3{padding:0 10px}
.pavilion-container .tab-content .col-sm-3 .tab-card{position:relative;padding:20px;background:#fff;border-radius:2px;overflow:hidden;cursor:pointer;transition:.2s linear}
/*大卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg{position:relative;height:420px}
.pavilion-container .tab-content .col-sm-3 .tab-card:before{position:absolute;content:'';top:0;left:0;right:0;height:4px;border-radius:1px 1px 0 0}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg img{height:90px;width:auto;display:block}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3{color: black;margin-top:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card p{margin-top:5px;font-size:12px;color:#a0a2a8;letter-spacing:.51px;line-height:20px;height:140px;text-overflow:ellipsis;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels{margin-top:10px;margin-right:10px;padding-bottom:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels span{display:inline-block;margin-top:10px;margin-right:10px;padding:0 5px;background:rgba(160,162,168,.1);border:1px solid rgba(102,106,117,.1);border-radius:2px;line-height:20px;color:#a0a2a8;font-size:12px}
.pavilion-container .tab-content .col-sm-3 .tab-card-lg .time{border-top:1px solid #e7e7e7}
/*中卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md+.tab-card-md{margin-top:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md{height:200px;color:black;}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md img{height:65px;width:auto;display:block}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md h3{margin-top:15px}
.pavilion-container .tab-content .col-sm-3 .tab-card .time{position:absolute;bottom:10px;width:calc(100% - 40px);padding-top:17px;font-size:12px;color:#666a75;letter-spacing:.44px;line-height:23px;text-align:left}
.pavilion-container .tab-content .col-sm-3 .tab-card .time span{font-size:20px;color:#f66f6a;letter-spacing:0;line-height:23px;margin-right:3px}
/*小卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm{height:10px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm+.tab-card-sm{margin-top:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm .time{border-top-width:0}
.pavilion-container .tab-content .col-sm-3 .tab-card:hover {background:#fff}

</style>
</head>

<body>
<button style="color:black;width:80px;height:40px;margin-left:20px;background-color:#fff;border:0px; margin-bottom:20px;" onclick="javascript:window.history.go(-1);">返回</button>
<div class="pavilion-container">

    <div class="pavilion-inner">

        <ul class="tabs overflow-hide">
            <li class="hot-use on">
                <span>热门网站</span></li>

            <li>
                <span>开发文档</span></li>
        </ul>

        <div class="tab-content-wrap">
            <div class="tab-content overflow-hide show">

                <div class="col-sm-3">
                    <div class="tab-card tab-card-lg">
                        <a href="https://www.52pojie.cn/" target="_blank" rel="noopener">
                            <img src="https://static.52pojie.cn/static/image/common/logo.png" width="65">
                            <h3>吾爱破解</h3>
                            <p>吾爱破解论坛致力于软件安全与病毒分析的前沿,丰富的技术版块交相辉映,由无数热衷于软件加密解密及反病毒爱好者共同维护

                            </p>

                            <div class="labels">
                                <a href="https://www.52pojie.cn/forum-5-1.html" target="_blank" rel="noopener"><span>破解</span></a>
                                <a href="https://www.52pojie.cn/forum-16-1.html" target="_blank" rel="noopener"><span>软件</span></a>
                            </div>

                        </a>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="tab-card tab-card-md">
                        <a href="https://pan.baidu.com/" target="_blank" rel="noopener">
                            <img src="https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/0363c0a56eca06d2f98282f9802616e3_121_121.jpg" width="65">
                            <h3>百度网盘</h3>
                            <p>便捷分享,把文件轻松安全的分享给他人,海量存储,您可以把照片、视频、音频等上传到网盘 </p>

                        </a>
                    </div>
                    <div class="tab-card tab-card-md">
                        <a href="https://qzone.qq.com/" target="_blank" rel="noopener">
                            <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1939420123,1559855737&fm=58&bpow=1024&bpoh=1024">
                            <h3>QQ空间</h3>
                            <p>分享生活,留住感动</p>
                        </a>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="tab-card tab-card-md">
                        <a href="https://github.com/Chsengni" target="_blank" rel="noopener">&nbsp;<br>
                            <svg class="octicon octicon-mark-github v-align-middle" height="32" viewbox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
                            <br><br>
                            <h3>GitHub</h3>
                            <p>GitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名GitHub</p>

                        </a>
                    </div>
                    <div class="tab-card tab-card-md">
                        <a href="https://uland.taobao.com" target="_blank" rel="noopener">
                            <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=961224733,2320658306&fm=179&app=42&f=JPEG?w=121&h=140" width="65">
                            <h3>淘 宝 网</h3>
                            <p>淘！我喜欢</p>

                        </a>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="tab-card tab-card-md">
                        <a target="_blank" href="../components/">
                            <img src="https://cdn.pixabay.com/photo/2018/03/13/22/53/puzzle-3223941__340.jpg" width="40">
                            <h3>网页组件分享</h3>
                            <p>一些模板HTML组件</p>

                        </a>
                    </div>
                    <div class="tab-card tab-card-md">
                        <a target="_blank" href="tutorial/canvas/index.html">
                            <img src="https://chsengni.github.io/img/fong.jpg" width="65">
                            <br>
                            <h3>Canvas在线教程</h3>
                            <p></p>

                        </a>
                    </div>

                </div>
         </div>


            <div class="tab-content overflow-hide hide">

                <div class="col-sm-3">
                    <div class="tab-card tab-card-lg">
                        <a href="https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html" target="_blank" rel="noopener">
                            <img src="https://www.thymeleaf.org/doc/images/thymeleaf.png" width="65">
                            <h3>Thymeleaf</h3>
                            <p>Tutorial: Using Thymeleaf

                            </p>


                        </a>
                    </div>

                 </div>    
                <div class="col-sm-3">
                    <div class="tab-card tab-card-md">
                        <a href="emojis/index.html">
                            <img src="https://chsengni.github.io/img/fong.jpg" width="65">
                            <h3>表情API</h3>
                            <p>全部表情(emoji)图标</p>
                    </a></div>


            </div>
            <div class="col-sm-3">
                    <div class="tab-card tab-card-md">
                        <a href="https://shixun.online" target="_blank" rel="noopener">
                            <img src="https://shixun.online/sop/assets/images/logo-shixun.png" width="65">
                            <h3>实训在线</h3>
                            <p>实习/实训平台</p>
                    </a></div>


            </div>

            <div class="col-sm-3">
                    <div class="tab-card tab-card-md">
                        <a href="https://search.maven.org" target="_blank" rel="noopener">
                            <img src="https://search.maven.org/assets/images/logo.svg?v=1" width="20">
                            <h3>Search Maven</h3>
                            <p>From the community for the community</p>
                    </a></div>


            </div>
    </div>

</div>

<script src="https://code.jquery.com/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function() {
        $('.tabs li').hover(function() {
            var i = $(this).index();
            $(this).addClass('on').siblings().removeClass('on');
            $('.tab-content').removeClass('show').eq(i).addClass('show');
        })
    })
</script>

</div></div></body>
</html>